<template>
  <div>
    <vue-particles
      color="#409EFF"
      :particleOpacity="0.7"
      :particlesNumber="60"
      shapeType="circle"
      :particleSize="3"
      linesColor="#409EFF"
      :linesWidth="0.5"
      :lineLinked="true"
      :lineOpacity="0.4"
      :linesDistance="150"
      :moveSpeed="1"
      :hoverEffect="true"
      hoverMode="grab"
      :clickEffect="true"
      clickMode="push">
    </vue-particles>
  </div>
</template>

<script>
export default {
  name: "particles"
}
</script>

<style scoped>
#particles-js {
  /*background-color: #ebf6f7;*/
  width: 100%;
  height: calc(100% - 100px);
  position: absolute;
}

</style>
